

/*-------------------------middle--------------*/
.middle {
    display: flex;
    justify-content: center;
}

.middle > div {
    /*border: 1px solid red;*/
    width: 900px;
    margin: 30px 0;
    display: flex;
    justify-content: space-between;
}

.middle > div > div {
    border: 1px solid gray;
}

.middle > div > div:nth-child(1) {
    width: 480px;
}

.middle > div > div:nth-child(2) {
    width: 400px;
}



/*-------------公用的css-----------------------*/
/* 后代选择器*/
/*.middle .border-top-padding {*/
/*以后尽量不要用公用的css去设置不相干的样式*/
.news {
    display: flex;
    justify-content: space-between;
}

.news > div:nth-child(1) {
    width: 200px;
    height: 180px;
    border: 1px solid red;
}

.news > div:nth-child(2) {
    width: 240px;
}

.news > div:nth-child(1) img {
    width: 100%;
    height: 100%;
}

.news > div:nth-child(2) > div {
    border-bottom: 1px dashed gray;
    height: 50px;
    margin-top: 10px;
}

.news .font-title {
    line-height: 30px;
}

.news .font-content {
    line-height: 20px;
}

/*--------------------------产品展示------------*/
.product {
    display: flex;
    justify-content: space-between;
}

.product > div {
    width: 185px;
    border: 1px solid red;
}

.product > div > div:nth-child(1) > img {
    width: 185px;
    height: 150px;
}
